<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>巨幕/轮播</title>
		<!--
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		-->
		
		<!-- 新 Bootstrap 核心 CSS 文件 -->
        <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
        <style>
        	#myCarousel{width:600px;}
        </style>
	</head>
	<body>
		<div class="container" id="myCarousel" >
			<!--
				设置时间默认为5秒 :data-interval="2000" 
			-->
			<div id="carousel-example-generic" class="carousel slide" data-interval="2000">
				<ol class="carousel-indicators">
					<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
					<li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
					<li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
				</ol>
				<!--
					具体承载的内容   一般图片不变的时候 ,要改变添加的内容
				-->
				<div class="carousel-inner">
					<div class="item active">
						
						<img src="img/2.png" />
						<!--也可以添加承载的内容-->
						<div class="carousel-caption">
							<h3>U3D</h3>
							<p>新版本升级</p>
						</div>
					</div>
					<div class="item ">
						<!--也可以添加承载的内容-->
						<img src="img/2.png" />
						<div class="carousel-caption">
							<h3>Bootstrap</h3>
							<p>新版本升级</p>
						</div>
					</div>
					<div class="item ">
						<!--也可以添加承载的内容-->
						<img src="img/2.png" />
						<div class="carousel-caption">
							<h3>U3D</h3>
							<p>新版本升级</p>
						</div>
					</div>
				</div>
				<!--
					用 a 标签承载左右 左右内容  默认为5秒滚动一次
				-->
				<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
					<!--要通过span 标签进行承载图片-->
					<span class="glyphicon glyphicon-chevron-left"></span>
				</a>
				<a class="right carousel-control" href="#carousel-example-generic" data-slide="prev">
					<!--要通过span 标签进行承载图片-->
					<span class="glyphicon glyphicon-chevron-right"></span>
				</a>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/bootstrap.min.js" ></script>
		<script type="text/javascript">
		/*通过class js 添加属性的方法  */
			$('.carousel').carousel({
            interval: 2000 //设置滚动时间为2秒
       })
		</script>
	</body>
</html>
